<template>
    <div class="app">
        <Category title="游戏">
            <template slot = 'game'>
                <div>
                    <ul>
                        <li v-for="item in game" :key='item.id'>
                            {{item.name}}-----{{item.userCounts}}
                        </li>
                    </ul>
                 </div>
            </template>    
        </Category>


        <Category title="美食">
            <template slot="meishi">
                <div>
                    美食
                </div>
            </template>
        </Category>
        <Category />
    </div>
</template>

<script>
    import Category from './components/Category.vue'
    export default {
        components: { Category },
        data() {
            return {
                game:[
                    {id:"001",name:'王者荣耀',userCounts:100000},
                    {id:"002",name:'英雄联盟',userCounts:100000},
                    {id:"003",name:'地下城',userCounts:100000},
                ]
            }
        },
    }
</script>

<style>
 .app{
     padding: 20px;
 }
</style>